@import (less) "../../../common/css/container.less";
.news {
    background-color: #fff;
    width: 100%;
    padding-top: 35px;
    .newsContainer {
        .container;
        .newsItem {
            width: 100%;
            overflow: hidden;
            padding: 43px 20px;
            &:nth-child(odd) {
                .newsLeft {
                    float: left;
                }
                .newsRight {
                    padding-left: 73px;
                }
            }
            &:nth-child(even) {
                .newsLeft {
                    float: right;
                }
                .newsRight {
                    padding-right: 73px;
                }
            }
            .newsLeft {
                width: 51.6%;
                height: 280px;
                box-shadow: 0 8px 50px #BBD0FF;
                overflow: hidden;
                img {
                    width: 100%;
                    height: 100%;
                    transition: transform .5s linear;
                    &:hover {
                        transform: scale(1.2)
                    }
                }
            }
            .newsRight {
                float: right;
                color: #4A4A4A;
                width: 48%;
                height: 280px;
                padding-top: 45px;
                box-sizing: border-box;
                a {
                    font-family: PingFangSC-Semibold;
                    font-size: 20px;
                    letter-spacing: .17px;
                    font-weight: 400;
                    cursor: pointer;
                }
                p {
                    font-family: PingFangSC-Regular;
                    font-size: 14px;
                    line-height: 24px;
                    margin-top: 19px;
                }
            }
        }
    }
}